<template>
	<view class="list">
		<u-tabbar>
			<u-tabbar-item text="宠物种类" icon="home" @click="tohome"></u-tabbar-item>
			<u-tabbar-item text="我的问诊" icon="hourglass" @click="tomy"></u-tabbar-item>
			<u-tabbar-item text="问诊列表" icon="tags-fill"></u-tabbar-item>
		</u-tabbar>
		<view class="l1" v-for="item in list">
			<view class="l2">
				<u-avatar :src="'http://124.93.196.45:10001'+item.avatar"></u-avatar>
				<text>{{item.name}}</text>
			</view>
			<text>{{item.goodAt}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			}
		},
		onLoad() {
			// this.getlist()
		},
		methods: {
			tomy(){
				uni.redirectTo({
					url:'/pages/other/pethospital/mywenzhen/mywenzhen'
				})
			},
			tohome(){
				uni.redirectTo({
					url:'/pages/other/pethospital/pethospital'
				})
			},
			getlist(){
				this.api.get(' /prod-api/api/pet-hospital/inquiry/list?pageSize=1&pageNum=10').then(res=>{
					this.list=res.data.rows
					console.log(this.list)
				})
			}
		}
	}
</script>

<style lang="scss">
.l1{
	width: 300px;
	border: 2px solid deeppink;
	margin: 20px auto;
	.l2{
		display: flex;
	}
}

</style>
